
@media(orientation: landscape) {
    .el-main {
    background-color: #f1f3f4; 
    min-height: 100vh;
    padding: 0px !important;
    overflow: visible;
    }
    .el-aside {
        width: 200px;
        background-color: #3c3f4f;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        justify-content: center;
    }
    .el-menu {
        border: 0;
    } 
    .el-menu-item {
        // 标题居中
        font-size: 15px;
        justify-content: center;
    }
    .el-menu-item.is-active {
        background-color: rgb(47, 50, 64);
    }
}
  
  
@media(orientation: portrait) {
    .el-main {
    background-color: #f1f3f4; 
    min-height: 100vh;
    margin-right: 0px;
    padding: 0px !important;
    overflow: visible;
    }
    .el-aside {
    display: none;
    } 
}